<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Layabox家族</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/layafamily.css"/>
	<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_813660_rupu5fhjbmc.css"/>
	<script src="js/jquery-2.1.0.js"></script>
	<script src="js/bootstrap.min.js"></script>
</head>
<body>
		<!--顶部导航栏制作-->
		<header class="public-header">
			<!--导航栏制作-->
			<nav class="navbar-default navbar-inverse">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					    </button>
					<a class="navbar-brand" href="#"></a>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li>
								<a href="index.html">首页<span class="sr-only">(current)</span></a>
							</li>
							<li  class="active">
								<a href="layafamily.html">Laya家族</a>
							</li>
							<li>
								<a href="game.html">游戏</a>
							</li>
							<li>
								<a href="#">新闻动态</a>
							</li>
							<li>
								<a href="#">开发者中心</a>
							</li>
							<li>
								<a href="#">开发者 社区</a>
							</li>
							<li>
								<a href="#">开放平台</a>
							</li>
							<li>
								<a href="#">关于我们</a>
							</li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">English</a>
									</li>
									<li>
										<a href="#">中文</a>
									</li>
									<li>
										<a href="#">日本語</a>
									</li>
									<!--<li role="separator" class="divider"></li>-->
									<!--<li>
										<a href="#">Separated link</a>
									</li>-->
								</ul>
							</li>
						</ul>
					</div>
					<!-- /.navbar-collapse -->
				</div
				<!-- /.container-fluid -->
			</nav>
			<!--导航栏制作-->
		</header>
		<!--顶部导航栏制作-->
<!--section制作-->		
<section>
	<div class="layaflash">
		<div class="container">
			<div class="col-md-6 layaflash-l">
				<h1><span>1</span>LayaFlash</h1>
				<h2>直接用Flash AS3语言开发HTML5的引擎 </h2>
				<p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发HTML5产品；</p>
				<p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业进入HTML5市场低成本、无门槛；</p>
				<p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
				<a href="#">进入下载</a>
			</div>
			<div class="col-md-6 layaflash-r">
				<img src="img/pro-001.jpg"/>
			</div>
		</div>
	</div>
		<div class="layaplayer">
			<div class="container">
			<div class="col-md-4 layaplayer-l">
				<h1><span>2</span>LayaPlayer</h1>
				<img src="img/layaplayer-001.jpg"/>
			</div>
			<div class="col-md-4 layaplayer-m">
				<h2>极强性能</h2>
				<p>C语言编写的HTML5运行器，逻辑渲染双核运行、
					GPU加速渲染、内存显存智能管理、渲染流程极致优化，
					基于LayaPlayer运行的HTML5产品性能媲美APP。
                </p>
                <h2>更小，更多，更强</h2>
                <p>不足20K的HTML5运行器，拥有超过5亿的移动
					设备安装量，已嵌入到QQ浏览器、QQ空间、百
					度浏览器、新浪微博、猎豹浏览器等20多家主流
					平台。
            	</p>
			</div>
			<div class="col-md-4 layaplayer-r">
				<img src="img/layaplayer-002.jpg"/>
			</div>
		</div>
		</div>
		<div class="layaoother">
			<div class="container">
				<div class="col-md-6">
					<h1><span>3</span>LayaAir</h1>
					<h2>新一代HTML5引擎，正在内测完善中，敬请期待</h2>
					<h3>小巧强大</h3>
					<p>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
					<h3>应用领域更广泛</h3>
					<p>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
					<h3>多语言开发</h3>
					<p>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
					<div class="layaoother-icon">
						<img src="img/pro-list-001.png"/>
					</div>
				</div><!--1-1-->
				<div class="col-md-6">
					<h1><span>4</span>LayaStore</h1>
					<h2>新一代HTML5引擎，正在内测完善中，敬请期待</h2>
					<h3>小巧强大</h3>
					<p>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
					<h3>应用领域更广泛</h3>
					<p>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
					<h3>多语言开发</h3>
					<p>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
					<div class="layaoother-icon">
						<img src="img/pro-list-002.png"/>
					</div>
				</div><!--1-2-->
			</div><!--1-->
		</div>
		<div class="layaoother">
			<div class="container">
				<div class="col-md-6">
					<h1><span>5</span>LayaAir</h1>
					<h2>新一代HTML5引擎，正在内测完善中，敬请期待</h2>
					<h3>小巧强大</h3>
					<p>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
					<h3>应用领域更广泛</h3>
					<p>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
					<h3>多语言开发</h3>
					<p>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
					<div class="layaoother-icon">
						<img src="img/pro-list-003.png"/>
					</div>
				</div><!--2-1-->
				<div class="col-md-6">
					<h1><span>6</span>LayaPublish</h1>
					<h2>新一代HTML5引擎，正在内测完善中，敬请期待</h2>
					<h3>小巧强大</h3>
					<p>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
					<h3>应用领域更广泛</h3>
					<p>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
					<h3>多语言开发</h3>
					<p>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
					<div class="layaoother-icon">
						<img src="img/pro-list-004.png"/>
					</div>
				</div><!--2-2-->
			</div><!--2-->
		</div>
</section>
<!--section制作-->	
<!--foot制作-->
		<footer class="public-footer">
			<div class="container">
			<div class="col-sm-6 col-md-8 footnote">
				<ul class="clearfix">
					<li><a href="#">公司简介</a></li>
					<li><a href="#">联系方式</a></li>
					<li><a href="#">人才招聘</a></li>
				</ul>
				<div class="copyright">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </div>
				</div>
				<div class="hidden-xs col-sm-6 col-md-4 friendshiplink">
					<a href="#" class="friendshiplink-email">
						<i class="iconfont icon-youjian1"></i>
						<div class="email"><img src="img/email.png"/></div>
					</a>
					<a href="#" class="friendshiplink-weixin">
						<i class="iconfont icon-weixin"></i>
						<div class="weixin"><img src="img/weixin.png"/></div>
					</a>
					<a href="#" class="friendshiplink-qqpop">
						<i class="iconfont icon-qq"></i>
						<div class="qqpop"><img src="img/qqpop.png"/></div>
					</a>
				</div>
			</div>
		</footer>
		<!--foot制作-->			
		